<template>
  <div class="m-notFound">
   <div class="layout-1">
     <div class="img">
       <img src="../../assets/404.png" alt="">
     </div>
    <div class="item-2">
      <div class="title">OOPS!</div>
      <div class="words">访问页面未找到</div>
      <el-button type="primary" round> <router-link :to="{name:'Index'}">返回首页</router-link></el-button>
    </div>

   </div>
  </div>
</template>

<script>
  export default {
    name: 'Layout',
    data () {
      return {}
    }
  }
</script>

<style scoped lang="scss">
.m-notFound {
  .layout-1 {
    position: relative;
    top: 300px;
    display: flex;
    width: 800px;
    margin: 0 auto;
    align-items: center;
    .img {
      width: 500px;
      img {
        width: 100%;
        height: auto;
      }
    }
    .item-2 {
      margin-left: 50px;
      .title {
        font-size: 25px;
        margin-bottom: 10px;
      }
      .words {
        font-size: 20px;
        margin-bottom: 10px;
      }
    }
  }
  a {
    color: #fff;
    text-decoration: none;
  }
}
</style>
